<template>
  <nav>
    <ul class="nav">
      <li>
        <router-link to="/helloworld">Hello world</router-link>
      </li>
      <li>
        <router-link to="/todo/all">Todo</router-link>
      </li>
      <li>
        <router-link to="/todo2">Todo2</router-link>
      </li>
    </ul>
  </nav>
  <router-view></router-view>
</template>

<script lang="ts">
// npm run build 失败的话请参考：https://github.com/vitejs/vite/issues/542
export default {
  name: 'App',
  setup() {
    return {}
  }
}
</script>
<style>
  .nav {
    padding: 0 0 30px 0;
  }
  .nav > li {
    list-style: none;
    float: left;
    margin-right: 20px;
  }
</style>
